.hiprint-headerLine,
.hiprint-footerLine {
  border-color: red !important;
}
.hiprint-headerLine:hover,
.hiprint-footerLine:hover {
  border-top: 3px dashed red !important;
}
.hiprint-headerLine:hover:before {
  content: '页眉线';
  left: calc(50% - 18px);
  position: relative;
  background: #ffff;
  top: -12px;
  color: red;
  font-size: 12px;
}
.hiprint-footerLine:hover:before {
  content: '页脚线';
  left: calc(50% - 18px);
  position: relative;
  color: red;
  background: #ffff;
  top: -12px;
  font-size: 12px;
}

.custom-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #c8c9cc;
  padding: 5pt;
  margin-bottom: 5pt;
}
.custom-container .mg-row {
  display: flex;
  margin-bottom: 5pt;
}
.col-25 {
  max-width: 25%;
  flex: 0 0 25%;
}
.col-33 {
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.col-50 {
  max-width: 50%;
  flex: 0 0 50%;
}
.col-75 {
  max-width: 75%;
  flex: 0 0 75%;
}
.col-100 {
  width: 100%;
  flex: 0 0 100%;
}
.custom-table {
  width: 100%;
}
.custom-table .left {
  text-align: left;
}
.custom-table .right {
  text-align: right;
}
.custom-table .center {
  text-align: center;
}
.custom-table .custom-th,
.custom-table .custom-tr {
  display: block;
  font-size: 0;
}
.custom-table .custom-th div:last-child,
.custom-table .custom-tr div:last-child {
  border-right: 1px solid #000000;
}
.custom-table .custom-th div,
.custom-table .custom-tr div {
  font-size: 6pt;
  display: inline-block;
  padding: 2pt 0;
  border-left: 1pt solid #000000;
  border-bottom: 1pt solid #000000;
  vertical-align: top;
}
.custom-table .custom-th div span,
.custom-table .custom-tr div span {
  margin: 0 5pt;
}
.custom-table .custom-th div {
  border-top: 1pt solid #000000;
}
.custom-table .w-9 {
  width: 9%;
}
.custom-table .w-10 {
  width: 10%;
}
.custom-table .w-15 {
  width: 15%;
}
.custom-table .w-20 {
  width: 20%;
}
.custom-table .w-25 {
  width: 25%;
}
.custom-table .w-30 {
  width: 30%;
}
.custom-table .w-40 {
  width: 40%;
}

.hipt-mt-5 {
  margin-top: 5pt;
}
.hipt-mb-5 {
  margin-bottom: 5pt;
}
.hipt-tleft {
  text-align: center;
}
.hipt-tcenter {
  text-align: center;
}
.hipt-tright {
  text-align: center;
}
.hipt-brt {
  border-top: 1px solid #000;
}
.hipt-brl {
  border-left: 1px solid #000;
}
.hipt-height-20 {
  height: 25pt;
  line-height: 25pt;
}
.hipt-height-30 {
  height: 33.3pt;
  line-height: 33.3pt;
}
.hipt-desc {
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
}
.hipt-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
  /* border: 1px solid #c8c9cc; */
  /* padding: 5pt; */
  min-width: 0;
}
.hipt-row .hipt-col-2 {
  display: block;
  flex: 0 0 8.333333333333332%;
  max-width: 8.333333333333332%;
}
.hipt-row .hipt-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.hipt-row .hipt-col-4 {
  display: block;
  flex: 0 0 16.666666666666664%;
  max-width: 16.666666666666664%;
}
.hipt-row .hipt-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.hipt-row .hipt-col-8 {
  display: block;
  flex: 0 0 33.33333333333333%;
  max-width: 33.33333333333333%;
}
.hipt-row .hipt-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.hipt-row .hipt-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.hipt-row .hipt-col-20 {
  display: block;
  flex: 0 0 83.333333333333332%;
  max-width: 83.333333333333332%;
}
.hipt-content {
  text-align: center;
}
.hipt-content .title {
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
}
.hipt-content .info {
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
}
.hipt-content .note {
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
  height: 100%;
  text-align: left;
}
